<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
<head>
<title>设备与用户对应关系管理</title>
<jsp:include page="../../views/layout/inc.jsp"></jsp:include>

<script type="text/javascript">
	$.canEdit = true;
	$.canDelete = true;
	var dataGrid;
	$(function() {
		dataGrid = $('#dataGrid').datagrid({
			url : '/equipmentUserController/dataGridForUser',
			fit : true,
			fitColumns : true,
			border : false,
			pagination : true,
			idField : 'id',
			pageSize : 10,
			pageList : [ 10, 20, 30, 40, 50 ],
			sortName : 'platformUserId',
			sortOrder : 'desc',
			checkOnSelect : false,
			selectOnCheck : false,
			nowrap : false,
			frozenColumns : [ [  {
				field : 'residenceId',
				title : '小区ID',
				width : 60,
				hidden : true
			}, {
				field : 'residenceName',
				title : '小区',
				width : 100
			}, {
				field : 'buildingId',
				title : '楼栋ID',
				width : 60,
				hidden : true
			}, {
				field : 'buildingName',
				title : '楼栋',
				width : 60
			}, {
				field : 'buildingUnitId',
				title : '单元ID',
				width : 60,
				hidden : true
			}, {
				field : 'buildingUnitName',
				title : '单元',
				width : 60
			},  {
				field : 'doorId',
				title : '门牌id',
				width : 60,
				hidden : true
			},  {
				field : 'doorNum',
				title : '门牌号',
				width : 60
			},{
				field : 'platformUserId',
				title : '平台用户ID',
				width : 80,
				sortable : true,
				hidden : true
			},{
				field : 'platformUserName',
				title : '平台用户',
				width : 60,
				sortable : true
			}, {
				field : 'address',
				title : '设备位置',
				width : 60
			}  ] ],
			columns : [ [ {
				field : 'equipmentInfoId',
				title : '设备基础信息ID',
				width : 10,
				sortable : true,
				hidden : true
			}, {
				field : 'equipmentInfoName',
				title : '设备名称',
				width : 100
			},{
				field : 'commType',
				title : '通信类型',
				width : 60,
				hidden : true
			},{
				field : 'commTypeName',
				title : '通信类型',
				width : 60
			},{
				field : 'status',
				title : '通信状态',
				width : 60,
				formatter:function(val,rec){ 
					if(val == 0) {
						return '';
					}else if(val == 1) {
						return '正常';
					}else if(val == 2) {
						return '冻结';
					}
				}
			}, {
				field : 'gmtModify',
				title : '更新时间',
				width : 100,
				formatter:function(val,rec){
					if(val!='' && val!=null){
						 var unixTimestamp = new Date(val);  
	                     return unixTimestamp.format('yyyy-MM-dd hh:mm:ss'); 
					}
				}
			},  {
				field : 'lastCommTime',
				title : '最后通信时间',
				width : 100,
				formatter:function(val,rec){
					if(val!='' && val!=null){
						 var unixTimestamp = new Date(val);  
	                     return unixTimestamp.format('yyyy-MM-dd hh:mm:ss'); 
					}
				}
			},  {
				field : 'gmtCreate',
				title : '创建时间',
				width : 100,
				formatter:function(val,rec){
					if(val!='' && val!=null){
						 var unixTimestamp = new Date(val);  
	                     return unixTimestamp.format('yyyy-MM-dd hh:mm:ss'); 
					}
				}
			},  {field:'action',title:'操作',width:100,formatter : function(value, row, index) {
					var str = '';
					if ($.canEdit) {
						str += $.formatString('<img onclick="editDeviceBase(\'{0}\');" src="{1}" title="编辑"/>', index, '${path}/images/extjs_icons/pencil.png');
					}
					str += '&nbsp;';
					if ($.canDelete) {
						str += $.formatString('<img onclick="delDeviceBase(\'{0}\');" src="{1}" title="删除"/>', index, '${path}/images/extjs_icons/cancel.png');
					}
					return str;
				}}
			] ],
			toolbar : '#toolbar',
			onContextMenu : function(e, row) {
				//e.preventDefault();
				
				$('#menu').menu('show', {
					left : e.pageX,
					top : e.pageY
				});
			},
			onLoadSuccess : function() {
				$('#searchForm').show();
				parent.$.messager.progress('close');
				$(this).datagrid('tooltip');
			}
		});
	});

	

	function searchFun() {
		dataGrid.datagrid('load', $.serializeObject($('#searchForm')));
	}
	function cleanFun() {
		$('#searchForm input').val('');
		dataGrid.datagrid('load', {});
	}
	
	//新增设备供应商
	function addDevSup() {
		parent.$.modalDialog({
			title : '新增--设备与用户绑定',
			width : 500,
			height : 400,
			href : '/equipmentUserController/addPage?type=1',
			buttons : [ {
				text : '添加',
				handler : function() {
					parent.$.modalDialog.openner_dataGrid = dataGrid;//因为添加成功之后，需要刷新这个treeGrid，所以先预定义好
					var f = parent.$.modalDialog.handler.find('#form');
					f.submit();
				}
			} ]
		});
	}
	
	
	//修改
	function editDeviceBase(index){
		dataGrid.datagrid("selectRow",index);
		var row = dataGrid.datagrid('getSelected');
		if (row) {
			parent.$.modalDialog({
				title : '编辑--设备与用户绑定',
				width : 550,
				height : 400,
				href : '/equipmentUserController/editUserPage?id=' + row.id,
				buttons : [ {
					text : '确定更改',
					handler : function() {
						parent.$.modalDialog.openner_dataGrid = dataGrid;//因为添加成功之后，需要刷新这个treeGrid，所以先预定义好
						var f = parent.$.modalDialog.handler.find('#form');
						f.submit();
					}
				} ]
			});
		}
	}
	
	//删除
	function delDeviceBase(index){
		dataGrid.datagrid("selectRow",index);
		var row = dataGrid.datagrid('getSelected');
		if (row) {
			if(row.isDel==1){
				parent.$.messager.alert('提示', "该设备类型已删除", 'info');return;
			}
			parent.$.messager.confirm('询问', '是否确认删除所选择设备，删除后无法恢复!', function(b) {
				if (b) {
					parent.$.messager.progress({
						title : '提示',
						text : '数据处理中，请稍后....'
					});
					$.post('/equipmentUserController/delete', {
						id : row.id
					}, function(result) {
						if (result.success) {
							parent.$.messager.alert('提示', result.msg, 'info');
							dataGrid.datagrid('reload');
						}
						parent.$.messager.progress('close');
					}, 'JSON');
				}
			});
		}
	}
	
</script>
</head>
<body>
	<div class="easyui-layout" data-options="fit : true,border : false">
		<div data-options="region:'north',title:'查询条件',border:false" style="height: auto; overflow: hidden;">
			<form id="searchForm">
				<span>用户姓名:<input name="accountName" placeholder="可以模糊查询用户姓名名" class="span2" /></span>
				<span>日志类型:<input name="typeId" class="span2" /></span>
				<span>日志信息:<input name="content" placeholder="可以模糊查询日志信息" class="span2" /></span>
				<!-- <span>创建时间:<input class="span2" name="startGmtCreate" placeholder="点击选择时间" onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly" />
				至<input class="span2" name="endGmtCreate" placeholder="点击选择时间" onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly" /></span> -->
				<!-- <table class="table table-hover table-condensed" style="display: none;">
					<tr>
						<th>用户姓名</th>
						<td><input name="accountName" placeholder="可以模糊查询用户姓名名" class="span2" /></td>
					</tr>
					<tr>
						<th>日志类型</th>
						<td><input name="typeId" class="span2" /></td>
					</tr>
					<tr>
						<th>日志信息</th>
						<td><input name="content" placeholder="可以模糊查询日志信息" class="span2" /></td>
					</tr>
					<tr>
						<th>创建时间</th>
						<td><input class="span2" name="startGmtCreate" placeholder="点击选择时间" onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly" />至<input class="span2" name="endGmtCreate" placeholder="点击选择时间" onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly" /></td>
					</tr>
				</table> -->
			</form>
		</div>
		<div data-options="region:'center',border:false">
			<table id="dataGrid"></table>
		</div>
	</div>
	<div id="toolbar" style="display: none;">
		<a onclick="addDevSup();" href="javascript:void(0);" class="easyui-linkbutton" data-options="plain:true,iconCls:'pencil_add'">添加</a>
		<a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'brick_add',plain:true" onclick="searchFun();">过滤条件</a><a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'brick_delete',plain:true" onclick="cleanFun();">清空条件</a>
	</div>
		
</body>
</html>